#{extends '/template/template.html' /}

<div id="tela">
	
	<table cellpadding="10">
		#{list items: listaProduto, as: 'produto'}
		
			#{if listaProduto.indexOf(produto) % 3 == 0}
				<tr>
			#{/if}
			<td align="center" style="width: 280px;">
				<a href="@{Busca.visualizar(produto)}"><img class="imagem-upload" src="/public/upload/${produto.imagem}" /></a><br/>
                <a href="@{Busca.visualizar(produto)}">${produto.nome}.</a><br/>
                <span>R$ ${produto.preco}</span>	
		    </td>
			#{if listaProduto.indexOf(produto) % 3 == 2}
				</tr>
			#{/if}
			#{else}
				#{if listaProduto.indexOf(produto) == listaProduto.size()-1}
					</tr>
				#{/if}
			#{/else}
		#{/list}
	</table>
	
</div>